@charset "gb2312";
@import "common.scss";

body{
	background:#fafafa;
}

.wrapper{
	.main{
		padding-bottom: 0;
	}
	.selectList{
		padding: 20px 0 0 0;
		.global_select{
			float: left;
			margin-left: 20px;
			display: inline;
		}
	}
	.topBanner{
		background: url(#{$global_img}/index/indexBanner.jpg) center center no-repeat;	
		height: 488px;
		@include setGlobalWidth;
		.sTit{
			text-align: center;
			display: block;
			color: #fff;
			line-height: 60px;
			font-size: 50px;
			padding-top: 165px;
		}
		.pBtn{
			text-align: center;
			padding-top: 30px;
			a{
				display: inline-block;
				width: 110px;
				border: 2px solid;
				@include setBorderRadius;
				margin: 0 10px;
				line-height: 42px;
				overflow: hidden;
				height: 42px;
				color: #fff;
				&.login{
					border-color: #{$hover_link_color};
					background: #{$hover_link_color};
				}
				&.registered{
					border-color: #fff;
				}
			}
		}
	}
	.bannerPic{
		background: url(#{$global_img}/index/indexPic1.jpg) center center no-repeat;	
		height: 483px;
		@include setGlobalWidth;
	}
	.introTxt{
		background: url(#{$global_img}/index/indexPic2.jpg) center center no-repeat;	
		height: 307px;
		@include setGlobalWidth;
		.box{
			position: relative;
			overflow: hidden;
		}
		.conBox{
			width: 980px;
		}
		dl{
			float: left;
			width: 220px;
			padding: 80px 0 0 100px;
			dt{
				font-size: 24px;
				height: 42px;
				line-height: 42px;
				color: #fff;
			}
			dd{
				p{
					line-height: 20px;
					color: #fff;
					font-size: 14px;
					padding:0 40px 10px 0;
				}
				a{
					&.joinBtn{
						border: 2px solid #fff;
						height: 30px;
						line-height: 30px;
						width: 130px;
						display: block;
						text-align: center;
						color: #fff;
						@include setCssAttr("border-radius","30px");
						&:hover{
							color: #{$hover_link_color};
							border-color: #{$hover_link_color};
						}
					}
				}
			}
		}
	}
	.main{
		
		.publishEditBtn{
			padding-top: 70px;
			padding-bottom: 20px;
		}

		.specialOffers{
			padding: 10px 0 30px 0;
			.pTit{
				text-align: center;
				span{
					display: block;
				}
				.sTit{
					font-size: 18px;
					display: block;
					line-height: 32px;
				}
				.sDes{
					color: #666;
					line-height: 22px;
				}
			}
			.offerCon{
				position: relative;
				padding: 20px 0;
				.leftBtn,.rightBtn{
					position: absolute;
					top: 50%;
					margin-top: -28px;
					height: 56px;
					width: 56px;
					text-align: center;
					opacity: 0.5;
					filter:alpha(opacity=50);
					background: #000;
					color: #fff;
					@include setCssAttr("transition","all 0.2s");
					.iconfont{
						font-size: 36px;
						line-height: 56px;
						width: 56px;
						color: #fff;
					}
					&:hover{
						opacity: 1;
						filter:alpha(opacity=100);
						background: #{$hover_link_color};
						text-decoration: none;
						color: #fff;
						.iconfont{
							color: #fff;
						}
					}
				}
				.leftBtn{
					left: 0;
				}
				.rightBtn{
					right: 0;
				}
				.offerList{
					float: left;
					li{
						border: 5px solid #eee;
						@include setCssAttr("border-radius","5px");
						margin-right: 20px;
					}
					
				}
			}
		}


	}

}


:root .wrapper .main .specialOffers .offerList li .pic .pBottom { filter:none;}